import React, { useState, useEffect } from 'react';
import './NavBar.css'

import shouye from '../image/shouye.png'
import resume from '../image/education_icon.png'
import gongwenbao from '../image/gongwenbao.png'
import wode from '../image/wode.png'
import youjian from '../image/youjian.png'
import blog from '../image/blog.png'

export default function NavBar() {
  return (
    <div className="wrap-Nav">
      <ul>
        <li><a href="#/"><img src={shouye} alt="" /></a></li>
        <li><a href="#about"><img src={wode} alt="" /></a></li>
        <li><a href="#resume"><img src={resume} alt="" /></a></li>
        <li><a href="#portfolio"><img src={gongwenbao} alt="" /></a></li>
        <li><a href="#blog"><img src={blog} alt="" /></a></li>
        <li><a href="#contact"><img src={youjian} alt="" /></a></li>
      </ul>
    </div>
  )
}